<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue的修饰符</title>
		<script src="../vue@3.2.23.js"></script>
	</head>
	<body>
		<div id="app">
			<input v-for="val in FormData" :type="val.inputType" :placeholder="val.placeholder" v-model="val.value">
			
			
				<form action="https://www.baidu.com">
					<input type="submit">
				</form>
		</div>
	</body>
</html>
<script>
	const {createApp} = Vue;
	const app = createApp({
		data() {
			return{
				FormData:[
					{
						inputType:'text',
						inputNum:'phoneNum',
						placeholder:'请输入电话号码',
						value:''
					},
					{
						inputType:'text',
						inputNum:'nickName',
						placeholder:'请输入你的昵称',
						value:''
					},
					inputType:'textarea',
					inputNum:'introduce',
					placeholder:'请输入你的自我介绍',
					value:''
				]
			}
		}
	})
	
	const vm = app.mount("#app")
</script>